

    class Registered {
        constructor() {
            this.user = document.querySelector("#user");
            this.pwd = document.querySelector("#pwd");
            this.umsg=document.querySelector(".usermsg");
            this.pmsg=document.querySelector(".pwdmsg");
            this.btn1=document.querySelector(".zc");
            this.bindEvent();
            this.flag1=false;
            this.flag2=false;
        }
        
        bindEvent() {
            this.user.onblur=(()=>{
                this.flag1= this.checkUser();
                
            });
            this.pwd.onblur=(()=>{
                
                this.flag2= this.checkPwd();
                
                
            });
            this.btn1.onclick=(()=>{
                this.tijiao();
                
            })

        }
        checkUser(){
            
            let reg = /^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
            if (reg.test(this.user.value) == false) {
                this.umsg.innerHTML="请输入正确的用户名";
                
                return false;
            }else{
                this.umsg.innerHTML="用户名合法";
                
                return true;
            } 
        }
        checkPwd() {
            
                let reg = /^[a-zA-Z0-9]{4,10}$/;
                if (reg.test(this.pwd.value) == false) {
                    this.pmsg.innerHTML="请输入正确的密码";
                return false;
                }
                else{
                    this.pmsg.innerHTML="密码格式合法";
                    return true;
                }
                
            }
            tijiao(){
                
                if(this.flag1==true&this.flag2==true){
                

                    document.cookie="name="+this.user.value;
                    document.cookie="password="+this.pwd.value;
                    alert("注册成功")
                    location.reload();
                }else{
                    alert("请正确输入用户信息")
                }
            }
        
    }
    new Registered;

    $(function(){
        class Login{
            constructor(){
    
            // this.uname=document.querySelector("#uname");
            // this.upwd=document.querySelector("#upwd");
            this.uname=$("#uname");
            this.upwd=$("#upwd");
            this.btn2=$(".dl");
    
            // this.a= document.cookie;
            this.a=$.cookie("name");
            this.b=$.cookie("password");
                this.denglu();
            }
            denglu(){
            this.btn2.click(()=>{
                this.jiaoyan()
            })
            
            
            }
            jiaoyan(){
                if(this.a==this.uname.val()&&this.b==this.upwd.val()){
                    console.log("登录成功");
                    location.href="http://localhost:3000/dist/?"+"name="+this.a;
                    
                }
                else{
                    console.log("登陆失败")
                }
            }
        
        }
        new Login;
    })

    

    
    
    
    









// function $(elementId) {
//     return document.getElementById(elementId).value;
// }

// function yanzheng() {
//     var user = $("user");

//    user.onblur=()=>{
//     checkUser();
//     console.log(1);
//    }

// }

// function divId(elementId) {
//     return document.getElementById(elementId);
// }

// function checkUser() {
//     var user = $("user");
//     var reg = /^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
//     if (reg.test(user) == false) {
//         alert("不正确")
//         return false;
//     }
//     return true;
// }

// function checkPwd() {
//     var pwd = $("pwd");
//     var reg = /^[a-zA-Z0-9]{4,10}$/;
//     if (reg.test(pwd) == false) {
//         console.log(2);
//         return false;
//     }
//     return true;
// }

// yanzheng();